<?php

/* @var $this yii\web\View */

use yii\web\View;

$this->title = 'My Yii Application';

$this->registerJsFile("/js/global.js", ['options' => View::POS_HEAD]);
$this->registerJsFile("/js/tab.js", ['options' => View::POS_HEAD]);
?>
<?php $this->beginBlock("js_banner") ?>

$(function(){
var $window = $(window),
window_width = $window.width();
$('#js_banner, #js_banner_img li').width(window_width);

var urlParam = G.util.parse.url(),
startFrame = 0;
if (urlParam.search && ('banner' in urlParam.search)) {
startFrame = (parseInt(urlParam.search['banner'])-1) || 0;
}

new $.Tab({/*添加圆点按钮*/
target: $('#js_banner_img li'),
effect: 'slide3d',
animateTime: 1000,
stay: 4000,
playTo: startFrame,
autoPlay: true,
merge: true,
prevBtn: $('#js_banner_pre'),
nextBtn: $('#js_banner_next')
});
$('#js_banner_img').css('left','-' + (window_width * startFrame) + 'px');
})
<?php $this->endBlock(); ?>
<?php $this->registerJs($this->blocks['js_banner'], \yii\web\View::POS_HEAD); ?>


<!-- 首页广告图 -->
<div id="js_banner" class="banner">
    <ul id="js_banner_img" class="banner_img clear">
        <li class="bgli01">
            <div class="banner_inner">
                <div class="child child1" data-z="2"><img src="/images/in_banner1.jpg"/></div>
                <!-- data-z="2"与data-z="3"表示两个图层进退场的顺序有区别 -->
                <div class="child child2" data-z="3"><a href="" target="_blank"><img src="/images/in_banner11.jpg"/></a>
                </div>
            </div>
        </li>
        <li class="bgli02">
            <div class="banner_inner">
                <div class="child child1" data-z="2"><img src="/images/2-1.png"/></div>
                <div class="child child2" data-z="3"><a href="" target="_blank"><img src="/images/2-2.png"/></a></div>
            </div>
        </li>
        <li class="bgli03">
            <div class="banner_inner">
                <div class="child child1" data-z="2"><img src="/images/3-1.png"/></div>
                <div class="child child2" data-z="3"><a href="" target="_blank"><img src="/images/3-2.png"/></a></div>
            </div>
        </li>
        <li class="bgli04">
            <div class="banner_inner">
                <div class="child child1" data-z="2"><img src="/images/4-1.png"/></div>
                <div class="child child2" data-z="3"><a href="" target="_blank"><img src="/images/4-2.png"/></a></div>
            </div>
        </li>
    </ul>
    <div class="banner_common">
        <a id="js_banner_pre" href="javascript:;" class="banner_pre"></a>
        <a id="js_banner_next" href="javascript:;" class="banner_next"></a>
    </div>
</div>
<!-- 首页广告图结束 -->
<!--THANK YOU-->
<div id="function">
    <div class="w1000">
        <h3><p>THANK YOU</p>感谢您用心选择了我们！</h3>
        <ul>
            <li class="fangan"><a href="package.html">推荐方案</a><font>精心推荐的优质绿植套餐设计</font></li>
            <li class="zuhe"><a href="custom.html">自由组合</a><font>自由打造专属的绿植方案清单</font></li>
            <li class="yuyue"><a href="onlinebooking.html">快速预约</a><font>通过手机号码快速预约单</font></li>
            <li class="anliguan"><a href="casehall.html">案例馆</a><font>海量室内绿植案例供你欣赏</font></li>
        </ul>
    </div>
</div>
<!--THANK YOU结束-->
<!--推荐套餐-->
<div id="package">
    <div class="w1000">
        <h3><p>推荐套餐</p>PACKAGE</h3>
        <ul>
            <li class="package_p_r20"><em><a href="package.html"><img src="/images/in_taocan1.jpg"/></a></em>
                <h2><a href="package.html">2015热门套餐</a><br/><font>这是一个会呼吸的花盆绿植套餐</font></h2></li>
            <li><em><a href="package.html"><img src="/images/in_taocan2.jpg"/></a></em>
                <h2><a href="package.html">2015经典套餐</a><br/><font>这是一个会呼吸的花盆绿植套餐</font></h2></li>
        </ul>
    </div>
</div>
<!--推荐套餐结束-->
<!--案例馆-->
<div id="casehall">
    <div class="w1000">
        <h3><p>案例馆</p>CASE HALL</h3>
        <ul>
            <li class="casehall_p_r35"><em><img src="/images/in_anli1.jpg"/></em>
                <h2><a href="casehall_more.html">企业休息区一角</a></h2></li>
            <li class="casehall_p_r35"><em><img src="/images/in_anli2.jpg"/></em>
                <h2><a href="casehall_more.html">企业休息区一角</a></h2></li>
            <li><em><img src="/images/in_anli3.jpg"/></em>
                <h2><a href="casehall_more.html">企业休息区一角</a></h2></li>
        </ul>
    </div>
</div>
<!--案例馆结束-->
<!--租赁流程-->
<div id="rental_p">
    <div class="w1000">
        <h3><p>租赁流程</p>RENTAL PROCEDURE</h3>
        <ul>
            <li class="in_pr1">1、在线咨询<br/>需求提交</li>
            <li class="in_pr2">2、自选或推荐<br/>方案确定</li>
            <li class="in_pr3">3、签订合同<br/>预付订金</li>
            <li class="in_pr4">4、方案设计<br/>采购备货</li>
            <li class="in_pr5">5、物流配送<br/>现场布置</li>
            <li class="in_pr6">6、养护/更换<br/>回访跟踪</li>
        </ul>
    </div>
</div>
<!--租赁流程结束-->
<div id="user_e">
    <div class="w1000">
        <h3><p>用户评价</p>USER EVALUATION</h3>
        <ul class="comments-items">
            <li>
                <img class="avatar" src="/images/p01.jpg" alt="">
                <div class="desc">
                    <p class="tit">金明8880</p>
                    <p>这个平台很好额，办公司有花草人也感觉精神多了，非常喜欢这个平台，希望越做越好</p>
                </div>
            </li>
            <li>
                <img class="avatar" src="/images/p02.jpg" alt="">
                <div class="desc">
                    <p class="tit">司徒叶逸羽</p>
                    <p>第一次在网上直接租花，没想到这么方便。唉，还真是互联网改变生活啊！</p>
                </div>
            </li>
            <li>
                <img class="avatar" src="/images/p03.jpg">
                <div class="desc">
                    <p class="tit">回瑛</p>
                    <p>网站做的挺大气了，而且付款挺方便的，可以扫码微信支付，很方便时髦。</p>
                </div>
            </li>
            <li>
                <img class="avatar" src="/images/p04.jpg" alt="">
                <div class="desc">
                    <p class="tit">wzqxk </p>
                    <p>这个平台很好，办公司有花草人也感觉精神多了，非常棒，期待再次与你们合作</p>
                </div>
            </li>
        </ul>
    </div>
</div>
<div id="rental_p">
    <div class="w1000">
        <h3><p>合作伙伴</p>PARTNER</h3>
        <div class="partners-bd">
            <a href="http://www.360.com" rel="nofollow" target="_blank"><img src="/images/l01.jpg"/></a>
            <a href="http://koubei.baidu.com/s/ezuhua.com?fr=search" rel="nofollow" target="_blank"><img
                    src="/images/l04.jpg"/></a>
            <a href="http://www.91meiban.com" rel="nofollow" target="_blank"><img src="/images/l02.jpg"/></a>
            <a href="http://www.ezuhua.com/open/qiyequna.html" rel="nofollow" target="_blank"><img
                    src="/images/l03.jpg"/></a>
            <a href="http://www.qingju.com" rel="nofollow" target="_blank"><img src="/images/l05.jpg"/></a>
            <a href="www.ezuhua.com/open/edianzu.html" rel="nofollow" target="_blank"><img src="/images/l06.jpg"/></a>
            <a href="http://www.58pic.com" rel="nofollow" target="_blank"><img src="/images/l08.jpg"/></a>
            <a href="http://www.ycpai.com" rel="nofollow" target="_blank"><img src="/images/l07.jpg"/></a>
            <a href="http://www.36kr.com" rel="nofollow" target="_blank"><img src="/images/l09.jpg"/></a>
            <a href="http://www.shuidixy.com" rel="nofollow" target="_blank"><img src="/images/l10.jpg"/></a>
            <a href="http://www.itjuzi.com/company/31626" rel="nofollow" target="_blank"><img
                    src="/images/l11.jpg"/></a>
            <a href="http://www.yimihaodi.com" rel="nofollow" target="_blank"><img src="/images/l12.jpg"/></a>
        </div>
    </div>
</div>
<div id="links">
    <div class="w1000">
        <h4 class="yz-footer-friend-title">友情链接</h4>
        <ul class="yz-footer-friend-links">
            <li><a href="http://www.ezuhua.com" target="_blank">植物租摆</a></li>
            <li><a href="http://xiaoguotu.to8to.com/" target="_blank" rel="nofollow">装修效果图</a></li>
            <li><a href="http://www.ezuhua.com" target="_blank">上海绿植租赁</a></li>
            <li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=694898804&amp;site=qq&amp;menu=yes" rel="nofollow"
                   target="_blank">申请友情链接(QQ)：694898804</a></li>
        </ul>
    </div>
</div>
<!--帮助-->
<div id="helper">
    <div class="w1000">
        <dl class="end_logo"></dl>
        <ul>
            <li><font>关于我们</font><a href="about.html" target="_blank">网站简介</a><br/><a href=""
                                                                                      target="_blank">团队介绍</a><br/><a
                    href="" target="_blank">加入我们</a><br/><a href="" target="_blank">联系我们</a></li>
            <li><font>绿植服务</font><a href="" target="_blank">服务范围</a><br/><a href="" target="_blank">服务理念</a><br/><a
                    href="" target="_blank">服务模式</a><br/><a href="" target="_blank">服务流程</a></li>
            <li><font>租花帮助</font><a href="" target="_blank">免费方案</a><br/><a href="" target="_blank">设计师标准</a><br/><a
                    href="" target="_blank">方案标准</a><br/><a href="" target="_blank">养护标准</a></li>
        </ul>
        <dl class="in_weixin">微信版本<br/><font>扫描二维码关注我们</font></dl>
    </div>
</div>
<!--帮助结束-->
